<!-- 灵感页面项 -->
<template>
  <div>
    <div class="insp-item">
      <img src="	https://cdn7.axureshop.com/demo/2090757/images/%E7%81%B5%E6%84%9F%E5%90%88%E9%9B%86/u283.png">
      <span>2室·1厅·1卫·110㎡·北欧</span>
      <p>111平北欧混搭新中式，被日湖花园迷住了</p>
      <div class="i-user">
        <img src="https://cdn7.axureshop.com/demo/2090757/images/%E9%A6%96%E9%A1%B5/u122.png">
        <div>
          <span>Amor</span>
          <span>XX收藏</span>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.insp-item {
  width: 160px;
  margin-bottom: 20px;

  >img{
    border-radius: 5px;
  }

  p {
    width: 100%;
    font-size: 13px;
    font-weight: bold;
  }

  >span {
    font-size: 12px;
    color: #A88063;
    display: block;
    margin: 5px 0;
  }

  .i-user {
    margin-top: 5px;
    display: flex;
    div{
      width: 80%;
      display: flex;
      justify-content: space-between;
      font-size: 12px;
      color: #949494;
      line-height: 20px;
      padding: 0 5px;
    }
  }
}
</style>